<#include "../../common/head.html"/>
<#include "../../common/left.html"/>

<#macro content>
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont"></i>
        <a href="/" class="maincolor">首页</a> <span class="c-999 en">&gt;</span>
        <span class="c-666">用户统计</span>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div id="main" style="width: 96%;height:400px;"></div>
        </article>
    </div>
</section>
</#macro>

<#assign css>
<style type="text/css">
    .card-body{
        padding: 0;
    }
</style>
</#assign>

<#assign js>
<script type="text/javascript" src="/lib/echarts/echarts.min.js"></script>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));

    var option = {
        tooltip: {
            triggerOn: 'mousemove|click',
            formatter: '日期: {b}<br />登陆人次: {c}'
        },
        xAxis: {
            type: 'category',
            data: [
                <#if dateList??>
                <#list dateList as d>
                '${d!}'
                <#if d_index lt dateList?size - 1>
                ,
                </#if>
                </#list>
                </#if>
            ]
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [
                <#if countList??>
                <#list countList as c>
                ${c!}
                <#if c_index lt dateList?size - 1>
                ,
                </#if>
                </#list>
                </#if>
            ],
            type: 'line'
        }]
    };

    myChart.setOption(option);
</script>
</#assign>
<#include "../../common/layout.html"/>